


<script setup>
import {ref, reactive} from 'vue'


const items = ref([{ message: 'Foo' }, { message: 'Bar' }])


</script>

<!-- 注意 v-for 是如何对应 forEach 回调的函数签名的。
实际上，你也可以在定义 v-for 的变量别名时使用解构，和解构函数参数类似： -->
<template>
    <li v-for="{ message } in items" :key="message">
        {{ message }}
    </li>
</template>
